<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Update Heroes</title>
    <!-- 引入Bulma CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css">
</head>
<body>
<section class="section">
    <div class="container">
        <h1 class="title">更新英雄信息</h1>
        <form action="#" th:action="@{/heroes/update/{id}(id=${updateHeroes.heroId})}" method="post" class="field is-grouped">
            <div class="field">
                <label class="label" for="name">英雄名称</label>
                <div class="control">
                    <input type="text" id="name" class="input" th:field="*{updateHeroes.name}" required>
                </div>
            </div>
            <div class="field">
                <label class="label" for="description">英雄描述</label>
                <div class="control">
                    <textarea id="description" class="textarea" th:field="*{updateHeroes.description}" required></textarea>
                </div>
            </div>
            <div class="field">
                <label class="label" for="birthday">生日</label>
                <div class="control">
                    <input type="date" id="birthday" class="input" th:field="*{updateHeroes.birthday}" required>
                </div>
            </div>
            <div class="field">
                <div class="control">
                    <button type="submit" class="button is-primary">更改</button>
                </div>
            </div>
        </form>
    </div>
</section>
</body>
</html>